<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
  <meta name="description" content="蓝轨迹WEB开发学习案例合集" />
  <meta name="keywords" content="蓝轨迹,WEB开发,前端开发,html5,css3,JavaScript,jQuery,PHP,JAVA,Python,SQL,NodeJS,ReactJS,VueJS,AngularJS,案例" />
  <!-- <link rel="shortcut icon" href="../../common/img/logo.ico" /> -->
	<title>canvas贪吃蛇游戏</title>
	<link rel="stylesheet" href="css/index.css" />
</head>
<body>
	<div id="container">
    <div class="show-box">
      <div>得分：<span id="score">0</span>分</div>
      <div>用时：<span id="second">0</span>秒</div>
    </div>
		<canvas id="myCanvas" width="600" height="600"></canvas>
		<div class="button-box">
      <div><button onclick="startGame(this)">开始</button></div>
      <div><button onclick="pauseGame(this)">暂停</button></div>
      <div><button onclick="resetGame()">重置</button></div>
    </div>
	</div>

  <script type="text/javascript" src="js/index.js"></script>  
</body>
</html>